<template>
  <div
      id="editor"
      style="width: 600px; height: 600px; border: #2c3e50"
      @mousedown="handleMouseDown"
  >
  </div>
</template>

<script>
export default {
  name: 'Editor',

  methods: {
    handleMouseDown(e) {
      console.log("mouse click down")
    },
  },

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


</style>
